/* eslint-disable space-before-blocks */
<!--关于我们-->
<template>
  <div class="aboutUsContainer">
    <header>
      <el-image
        lazy
        src="../../static/images/bbi/aboutBg.jpg"
        fit="cover"
        class="aboutBg"
      ></el-image>
    </header>
    <ul class="about_ul">
      <template v-for="(item, index) in 3">
        <li class="about_li f fb" v-if="index % 2 == 0">
          <div class="left">
            <el-image
              lazy
              src="../../static/images/bbi/about3.jpg"
              fit="cover"
              class="aboutimg"
            ></el-image>
          </div>
          <div class="right">
            <el-image
              lazy
              src="../../static/images/bbi/about1.jpg"
              fit="cover"
              class="leftarr"
            ></el-image>
            <p class="name">孵化器简介</p>
            <p class="desc">
              北京北航天汇科技孵化器有限公司（以下简称“北航天汇”）于1999年4月由北京市科委、北京航空航天大学共同创立，是北京市首家公司化运作的专业型科技企业孵化器。北航天汇孵化器依托北航在人工智能领域的学科优势，充分发挥创新源头引领作用，聚集电子信息、AI、VR/AR、智能制造以及航空航天领域等创业群体，广泛整合社会服务资源、科技创新资源，通过构建“众创空间+孵化器+加速器”人工智能全链条孵化体系和硬科技孵化服务平台，建立服务流程与标准，创建战略新兴产业源头企业专业化服务模式。
            </p>
            <p class="f fe">
              <el-image
                lazy
                src="../../static/images/bbi/about2.jpg"
                fit="cover"
                class="leftarr"
              ></el-image>
            </p>
          </div>
        </li>
        <li class="about_li f fb" v-else>
          <div class="right">
            <el-image
              lazy
              src="../../static/images/bbi/about1.jpg"
              fit="cover"
              class="leftarr"
            ></el-image>
            <p class="name">孵化器简介</p>
            <p class="desc">
              北京北航天汇科技孵化器有限公司（以下简称“北航天汇”）于1999年4月由北京市科委、北京航空航天大学共同创立，是北京市首家公司化运作的专业型科技企业孵化器。北航天汇孵化器依托北航在人工智能领域的学科优势，充分发挥创新源头引领作用，聚集电子信息、AI、VR/AR、智能制造以及航空航天领域等创业群体，广泛整合社会服务资源、科技创新资源，通过构建“众创空间+孵化器+加速器”人工智能全链条孵化体系和硬科技孵化服务平台，建立服务流程与标准，创建战略新兴产业源头企业专业化服务模式。
            </p>
            <p class="f fe">
              <el-image
                lazy
                src="../../static/images/bbi/about2.jpg"
                fit="cover"
                class="leftarr"
              ></el-image>
            </p>
          </div>
          <div class="left">
            <el-image
              lazy
              src="../../static/images/bbi/about3.jpg"
              fit="cover"
              class="aboutimg"
            ></el-image>
          </div>
        </li>
      </template>
    </ul>
    <!-- 企业资质 -->
    <div class="zizhi">
      <p class="title">企业资质</p>
      <p class="desc">
        为您所需提供您所选，打造您专属的办公室，还有多种活动空间，会议室，设备齐全。
      </p>
      <ul class="zizhi_ul f">
        <li class="zizhi_li" v-for="(item, index) in 8" :key="index">
          <el-image
            lazy
            src="../../static/images/bbi/about4.jpg"
            fit="cover"
            class="zizhiimg"
          ></el-image>
        </li>
      </ul>
    </div>
    <!-- 联系我们 -->
    <div class="zizhi">
      <p class="title">联系我们</p>
      <p class="desc">
        您可以通过下面的方式联系我们，建议拨打我们的移动电话以便更快取得联系，我们将竭诚为您服务
      </p>
      <div class="concat f">
        <div class="mapid" id="mapContainer"></div>
        <div class="info">
          <p class="name">北航天汇孵化器</p>
          <div class="baseinfo f">
            <p class="left f fc">
              <el-image
                lazy
                src="../../static/images/bbi/email.png"
                fit="cover"
                class="icon"
              ></el-image>
            </p>
            <p class="text">yangyang@bbi.com.cn/wenxu@bbi.com.cn</p>
          </div>
          <div class="baseinfo f">
            <p class="left f fc">
              <el-image
                lazy
                src="../../static/images/bbi/tel.png"
                fit="cover"
                class="icon"
              ></el-image>
            </p>
            <p class="text">01082316255/82338204</p>
          </div>
          <div class="baseinfo f">
            <p class="left f fc">
              <el-image
                lazy
                src="../../static/images/bbi/qiye.png"
                fit="cover"
                class="icon"
              ></el-image>
            </p>
            <p class="text">北京市海淀区学院路35号世宁大厦1401室</p>
          </div>
          <input type="text" placeholder="Name" class="infoInput" />
          <input type="text" placeholder="Tel" class="infoInput" />
          <p class="infoBtn f fc">联系我们</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import bannerHeader from '../components/banner'
var map
export default {
  components: {
    bannerHeader
  },
  data () {
    return {
      options: {
        title: '空间展示',
        intro:
          '为您所需提供您所选，打造您专属的办公室，还有多种活动空间，会议室，设备齐全。',
        banner: require('../../static/images/bbi/banner1.jpg')
      },
      // 地理位置
      lnglat: [116.348907, 39.985892],
      zoom: 15
    }
  },
  mounted () {
    this.searchAddressMethod()
  },
  methods: {
    // 地理位置
    searchAddressMethod () {
      const self = this
      AMap.plugin(
        [
          'AMap.CitySearch',
          'AMap.Autocomplete',
          'AMap.PlaceSearch',
          'AMap.Geocoder',
          'AMap.ToolBar'
        ],
        function () {
          // 搜索插件
          var placeSearch
          // 初始化地图 begin
          map = new AMap.Map('mapContainer', {
            resizeEnable: true,
            zoom: self.zoom, // 地图显示的缩放级别
            keyboardEnable: false
          })
          map.setCenter(self.lnglat)
        }
      )
    }
  }
}
</script>
<style lang="scss" scoped>
@import "../assets/css/common.scss";
@import "../assets/css/main.scss";
</style>
